<script setup lang="ts">
import NewUserButton from "@/components/NewUserButton.vue";
import NewHeaderButton from "@/components/NewHeaderButton.vue";
import NewIcon from "@/components/NewIcon.vue";
import {useConfigStore} from "@/stores/config";
import pinia from "@/stores";

const configStore = useConfigStore(pinia)

</script>
<template>
  <div style="display: flex;margin-right: 15px">
    <new-header-button
        @click="configStore.setConfigUI(!configStore.showConfigUI)">
      <new-icon icon="Setting"/>
    </new-header-button>
    <new-header-button>
      <new-icon icon="Search"/>
    </new-header-button>
    <new-header-button>
      <new-icon icon="Message"/>
    </new-header-button>
    <new-user-button/>
  </div>
</template>
<style scoped></style>